<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- 设置初始缩放比例为1.0，使用设备宽度  -->
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
    <!-- 在iOS下开启全屏模式  -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- 隐藏 Sarafi 状态栏  -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>酒吧</title>

    <link rel="stylesheet" href="/eelib/index.css">

    <link rel="stylesheet" href="/elib/css/common.css"/>
    <link rel="stylesheet" href="/elib/css/pro_details.css"/>

    <link type="text/css" href="/elib/css/style.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/elib/css/swiper.min.css"/>


    <script src="/elib/js/prompt.js"></script>
    <style>
        .swiper-container {
            width: 100%;
            height: 240px;
        }

        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }

        .swiper-slide img {
            width: 100%;
            height: 100%;
        }
        .pro_detail img{
            margin: 0 auto
        }
    </style>
    <a class="mui-action-back mui-icon mui-pull-left" href="javascript:history.back(-1)">
        <i class="icon-aui icon-back" style="height: 40px"></i>

    </a>





</head>
<body>

<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="{$banerimg}"/></div>

    </div>
</div>
<div class="content">
    <p>{$barInfo['bar_name']}</p>
    <!--<div>-->
        <!--<s>¥</s><u>a</u>-->
    <!--</div>-->
    <ul>
        <li><span>人气值: {$barInfo['bar_click_people']}</span></li>
        <!--<li><span>库存: a</span></li>-->
        <div class="clear"></div>
    </ul>
</div>
<div class="guodu"></div>
<div class="detail">
    <div class="top">
        <ul>
            <li class="pro_detail current"><span>商品详情</span><i></i><u></u></li>
            <li class="good_evaluate "><span>好评</span><i></i><u></u></li>
            <li class="advice "><span>优惠券</span><i></i><u></u></li>
            <div class="clear"></div>
        </ul>
    </div>
    <div class="pro_detail">
        <div >
            {$barInfo['bar_info']}
        </div>

    </div>
    {volist name = "evaInfo" id = 'ei'}
    <div class="good_evaluate">
        <div class="evaluate">
            <div class="icon lt">
                <img src="{$ei['com_user_ava']}" alt=""/>
            </div>
            <div class="main lt">
                <div class="user_name">
                    <span class="lt">{$ei['com_content']}</span>
                    <span class="rt">{$ei['com_time']}</span>
                </div>
                <div class="goal">
                    <span></span><span></span><span></span><span></span><span></span>
                </div>
                {notempty name = "$ei['com_bar_mana_re']"}
                <div class="reply">掌柜回复：{$ei['com_bar_mana_re']}</div>

                {/notempty}
            </div>
            <div class="clear"></div>
        </div>
    </div>
{/volist}

    <div class="advice">
        <div class="evaluate">
            {volist name = "coupon" id = "cp"}
            <a href="{:url('index/coupon/getCouponInfo',['id' => $cp['coupon_id']])}">
            <div class="main lt" style="width: 320px;">
                <div class="Couponbox" style="background-color: #f8cbcb">
                    <div class="Couponbox-header">
                        <b><sub>￥</sub>{$cp['coupon_now_price']}</b>
                        <p><font>点击购买</font>原价:￥<em style="text-decoration:line-through">{$cp['coupon_old_price']}</em></p>
                    </div>
                    <div class="Couponbox-footer">
                        <p>使用说明：{$cp['coupon_dec']}</p>
                        <p>有&nbsp;&nbsp;效&nbsp;&nbsp;期：<span>{$cp['coupon_use_begin_time']}--{$cp['coupon_use_end_time']}</span></p>
                    </div>
                </div>
            </div>
            </a>
           {/volist}
            <div class="clear"></div>
        </div>
    </div>

</div>

<link rel="stylesheet" href="/themes/css/base.css">
<link rel="stylesheet" href="/themes/css/home.css">
<link rel="stylesheet" href="/themes/css/icon.css">

<!--<footer>-->
    <!--<ul>-->
        <!--<li style="width:100%;"><a href="#Javascript:;" class="buy">立即获得联系方式</a></li>-->
    <!--</ul>-->
<!--</footer>-->
<script src="/elib/js/Zepto.js"></script>

<script src="/elib/js/pro_details.js"></script>

<script src="/elib/js/zepto.hwSlider.js"></script>
<script src="/elib/js/pro_details.js"></script>
<!--<script src="{$Think.config.JS_URL}addOrreduceNum.js"></script>-->
<script src="/elib/js/swiper.min.js"></script>

<script src="/elib/js/previewImage.min.js"></script>


</body>
</html>
